<!DOCTYPE html>
<html>
<head>  	


	<link rel="stylesheet" href="css/jquery.mobile.structure-1.3.1.min.css" />
	<link rel="stylesheet" href="css/jquery.mobile.theme-1.3.1.min.css" />        
	<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" />
	<link rel="stylesheet" href="css/ios.css"/>
	<script src="js/jquery-1.9.1.min.js"></script>  
	<script src="js/jquery.mobile-1.3.1.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/alzApp.js"></script>
	
		
		<script type="text/javascript" charset="utf-8" src="js/cordova.js"></script>
</head>

<body>
<div data-role="page" id="searchPage" >
	<div data-role="header">
		<h1 id="search"></h1>
	</div>
	<div data-role="content">
		<input type="search" name="search" id="searchInput" onKeyPress="searchEvent()" />
		<br/>
		<ul id="listResultTitle" style="margin-top:14px" data-role="listview">		
		</ul>
		<ul id="listResultContent" style="margin-top:14px" data-role="listview">
		</ul>
	</div>
	  
	<div data-role="footer" data-position="fixed">
		<div data-role="navbar">
			<ul>
				<li><a id="about" data-icon="custom" onClick="$.mobile.changePage( 'about.html', { transition:'slide'}); "></a></li>
				<li><a id="configuration" data-icon="plus" class="ui-btn-plain" onClick="$.mobile.changePage( 'configuration.html', { transition:'slide'}); "></a></li>
			</ul>
		</div><!-- /navbar -->
	</div>
	
</div>
</body>
</html>